<template>
  <div id="app">
    <!-- 默认显示头部组件 -->
    <Head></Head>
    <div class="main">
       <router-view></router-view>
    </div>
   
  </div>
</template>
<script>
import Head from './views/Heade.vue'
export default {
  components:{
    Head
  }
}
</script>

<style lang="less">
// 里面可以写公共样式
body,ul,ol,p{
  margin: 0;
  padding: 0;
}
li{
  list-style: node;
}
#app{
  padding-top: 70px ;
}
.main{
  width: 1300px;
  margin: 0 auto;
}
</style>
